<template>
  <div class="flex w-full wrapper">
    <Side />

    <RouterView>
      <template #default="{ Component, route }">
        <!-- <keep-alive> -->
        <component :is="Component" :key="route.fullPath" />
        <!-- </keep-alive> -->
      </template>
    </RouterView>
  </div>
</template>

<script lang="ts" setup>
  import Side from '@/components/Side.vue';
</script>

<style lang="less" scoped>
  .wrapper {
    position: relative;
    padding-left: 60px;
  }
</style>
